<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="author" content="于茂, http://www.cnblogs.com/Red-ButterFly/"/>
    <meta name="robots" content="index,follow"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
	<meta charset="UTF-8">
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/jc.main.css">
	<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
</head>
<style type="text/css">
	.error {
        background: #a4a4a4 !important;
    }
    .inerror{color:#cc0000;}
    .show{
        display: block;
    }
</style>
<body>
	<header class="login-h">
		<div><b>注册</b><a class="back">‹</a><a class="register" href="">登陆</a></div>
	</header>
	<div ng-app="myApp" ng-controller="register" class="p-body">
		<form name="registerForm" class="login-in" action="">
			<div class="u-phone">
				<input ng-model="u_phone" name="u_phone" required type="text" placeholder="手机号" minlength="11" maxlength="11" />
			</div>
			<div class="u-vercode">
				<input ng-model="u_vercode" name="u_vercode" required type="text" placeholder="验证码">
				<button type="button" ng-class="{'error':registerForm.u_phone.$invalid || getVercodeOk}" 
				ng-disabled="registerForm.u_phone.$invalid || getVercodeOk" ng-click="get_vercode()" ng-bind="verDown"
                class="error"></button>
			</div>
			<div class="u-password b-bottom">
				<input ng-model="u_password" name="u_password" required type="password" placeholder="密码" />
			</div>
			<div class="u-password" ng-class="{inerror:u_password2!=u_password && registerForm.u_password2.$touched }">
				<input ng-model="u_password2" name="u_password2"
                       required type="password" placeholder="确认密码" />
			</div>
		</form>
		<div class="argee"><label><input ng-model="argee" name="argee" type="checkbox" />同意</label><a href="">《俊成酒业用户协议》</a></div>
		<div class="login-btn">
			<button ng-click="registerAction()" class="error"
			ng-class="{'error':registerForm.$invalid || u_password2!=u_password || !argee}"
			ng-disabled="registerForm.$invalid || u_password2!=u_password || !argee">
				注册
			</button>
		</div>
        <div class="reg-log-prompt" ng-class="{show:register.show}">
            {{register.info}}
        </div>
	</div>
</body>
<script type="text/javascript" src='js/angular.min.js'></script>
 	<script type="text/javascript" src="js/jc.main.js"></script>
</html>